@media (min-width: 200px) {
  .divMapSize {
    float : left;
    width: 180px;
    height:150px;
  }

  .divLineChartSize {
    width: 250px;
    height:230px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 250px;
    height:230px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 180px;
    height:230px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}
@media (min-width: 250px) {
  .divMapSize {
    float : left;
    width: 230px;
    height:220px;
  }

  .divLineChartSize {
    width: 210px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 210px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 220px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}


@media (min-width: 300px) {
  .divMapSize {
    float: left;
    width: 280px;
    height: 250px;
  }

  .divLineChartSize {
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 250px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 280px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}
@media (min-width: 350px) {
  .divMapSize {
    float: left;
    width: 330px;
    height: 300px;
  }

  .divLineChartSize {
    width: 320px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 320px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 320px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}
@media (min-width: 400px) {
  .divMapSize {
    float : left;
    width: 380px;
    height:350px;
  }

  .divLineChartSize {
    width: 350px;
    height:250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 350px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 380px;
    height:350px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}
@media (min-width: 450px) {
  .divMapSize {
    float : left;
    width: 430px;
    height:400px;
  }

  .divLineChartSize {
    width: 400px;
    height:250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 400px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 420px;
    height:400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}

@media (min-width: 500px) {
  .divMapSize {
    float : left;
    width: 490px;
    height:450px;
  }

  .divLineChartSize {
    width: 450px;
    height:250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 450px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 480px;
    height:450px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}
@media (min-width: 550px) {
  .divMapSize {
    float : left;
    width: 530px;
    height:500px;
  }

  .divLineChartSize {
    width: 500px;
    height:250px;
    margin-left: auto;
    margin-right: auto;
  }

  .divLineChartSizeNarrow {
    width: 500px;
    height:200px;
    margin-left: auto;
    margin-right: auto;
  }

  .divPieChartSize {
    width: 520px;
    height:500px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }
}